*{
	margin: 0 auto;
	font: 0.5rem '微软雅黑','黑体';
	
}
body{
	max-width: 700px;
	min-width: 300px;
	margin: 0 auto;
	background-color: #eee;

}
html{
	font-size: 40px;
}
.clear{
	clear: both;
}
nav{
	position: relative;
	background-color: #fff;
	height: 2.2rem;
	width: 100%;
}
.dd_logo{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 2.2rem;
	width: 2.5rem;
}
.dd_logo a{
	display: inline-block;
	background: url(../img/dd-logo.png) center center no-repeat;
	width: 100%;
	height: 100%;
	background-size: 1.5rem 1.05rem;
}
.search{
	height: 2.2rem;
	width: 100%;
	padding-top: 0.25rem;
}
.search_box{
	width: 10rem;
	height: 1.5rem;
	text-align: center;
	border-radius: 0.75rem;
	background-color: #eee;
	position: relative;
}
.search_box input{
	height: 1.5rem;
	width: 8.25rem;
	outline: none;
	border: none;
	background-color: #eee;
	font-size: 1rem;
}
.search_box span{
	position: absolute;
	top: 0rem;
	right: 0rem;
	display: inline-block;
	width: 1.75rem;
	height: 1.5rem;
	border-top-right-radius: 0.75rem;
	border-bottom-right-radius: 0.75rem;
	background: url(../img/search-btn.png) no-repeat #f00 center center;
	background-size: 40%
}
.right_title{
	position: absolute;
	top: 0rem;
	right: 0rem;
}
.right_title>a{
	height: 2rem;
	width: 2.5rem;
	display: inline-block;
	text-align: center;
}
.right_title>a>span{
	height: 1rem;
	width: 1rem;
	display: inline-block;
	margin-top: 0.3rem;
	background: url(../img/header-category.png) no-repeat center center;
	background-size: 100%
}
.right_title p{
	display: block;
	text-align: center;
	line-height: 0.575rem;
	height: 0.575rem;
	font-weight: 400;
	color: #4d525d;
	font-size: 0.55rem;
	font-style: normal
}
.slide{
	width: 100%;
}
.slide img{
	width: 98%;
	margin-left: 1%;
	margin-top: 0.3rem;
}
.fenlei{
	margin-left: 1%;
	width: 98%;
	background-color: #fff
}
.row{
	margin: 0px;
	width: 100%;		
}
.fenlei .row>div{
	text-align: center;
}
.fenlei .row>div>a>img{
	margin-top: 0.5rem;
	margin-bottom: 0.3rem;
	width: 1.85rem;
	height: 1.85rem
}
.fenlei .row>div>a>span{
	display: inline-block;
	width: 100%;
	font-weight: 400;
	font-style: normal;
	font-size: 0.55rem;
	color: #4d525d;
}
.miaosha{
	margin-left: 1%;
	width: 98%;
	background-color: #fff;
}
.ms_title{
	padding: .5rem .5rem 0 .5rem;
	height: 1.7rem;
	line-height: 1.7rem;
}
.mst_1{
	display: inline-block;
	font-size: 0.75rem;
	font-weight: bold;
	float: left;
	height: 0.9rem;
	line-height: 0.9rem;
}
.clock{
	margin-left: 0.4rem;
	height: 0.9rem;
	float: left;
	width: 1.5rem;
	background: url(../img/seckilling-alarm.png) no-repeat center center;
	background-size: 50%;
}

.clock_list{
	float: left;
	height: 0.9rem;
}
.clock_list>span{
	margin-left: 0.1rem;
	display: inline-block;
	height: 0.9rem;
	width: 0.6rem;
	font-size: 0.65rem;
	line-height: 0.9rem;
	background: #31343a;
	color: #fff;
	border-radius: 0.1rem;
	text-align: center;
}
.maohao{
	float: left;
	margin-left: 0.1rem;
	display: inline-block;
	height: 0.9rem;
	width: 0.3rem;
	font-size: 0.65rem;
	line-height: 0.9rem;
	color: #31343a;
	text-align: center;
	font-weight: bold;
}
.sp img{
	width: 100%
}
.sp p{
	color: red;
	text-decoration: none;
	text-align: center;
}
.floor{
	margin-top: 0.2rem;
	margin-left: 1%;
	width: 98%;
	background-color: #fff;
}
.f_title{
	padding: .3rem .5rem 0 .5rem;
	height: 1.7rem;
	line-height: 1.7rem;
}
.f_title>.ft_left{
	margin-top: 0.1rem;
	height: 1rem;
	/*width: 3.5rem;*/
	float: left;
	display: inline-block;
	color: #4a525d;
	font-size: .75rem;
	font-weight: bold;
}
.f_title>.ft_right{
	height: 1.4rem;
	line-height: 1.4rem;
	width: 0.6rem;
	display: inline-block;
	float: right;

	background: url(../img/more-arrow.png) no-repeat center 40%;
	background-size: 100%;
}
.f_title>.ft_mid{
	float: right;
	height: 1.4rem;
	line-height: 1.4rem;
	width: 4.6rem;
	display: inline-block;
	text-align: right;
	padding-right: 0.2rem;
	font-size: 0.65rem;
	font-weight: bold;
	color: #fe435d
}
.f_con .f_con_top img{
	width: 7.77rem;
}
.f_con .f_con_top{
	border: 0.05rem solid #EEEEEE;
	border-left: 0rem;
	border-right: 0rem;
}
.f_con_row_left{
	border-right: 0.05rem solid #EEEEEE;
}
.f_con .row>div{
	padding: 0px;
}
.f_con_bot .col-xs-4 img{
	width: 5.2rem;
}
.f_con_bot .col-xs-4{
	border-left:0.05rem solid #EEEEEE; 
}
.f_con_bot .col-xs-3{
	overflow: hidden;
	border-left:0.05rem solid #EEEEEE; 
}
.f_con_bot .col-xs-3 img{
	width: 3.9rem;
}
.f_con_bot .col-xs-4:first-child{
	border-left: none;
}
.f_con_bot .col-xs-3:first-child{
	border-left: none;
	margin-right: -0.05rem;
}
.ztg{
	margin-bottom: 1.5rem
}
.ztg .col-xs-6 img{
	height: 3.65rem;
	width: 8.575rem;
}
.ztg .row{
	border-bottom: 0.025rem solid #eee;
}
.ztg .top{
	border-top: 0.025rem solid #eee;
}
.ztg .f_con .row .col-xs-6:first-child{
	overflow: hidden;
	border-right: 0.025rem solid #eee;
}
#footer{
	position: fixed;
	bottom: 0;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fff;
	max-width: 700px;
}
#footer>a{
	height: 100%;
	line-height: 100%;
	display: inline-block;
	width: 20%;
	float: left;
	text-align: center;
}
#footer>a>img{
	background-size: 50%;
	width: 36px;
	height: 33px;
}
#fan_box{
	position: fixed;
	bottom: 56px;
	right: .5rem;
	display: none;
}
#fan_box img{
	width: 2rem;
}